import React, { useState } from 'react'
import './my.css'
import {useNavigate} from 'react-router-dom'
export default function Page() {
    const [name,setname]=useState('Wxy')
    const [constent,setconstent]=useState('这个人很懒，什么都没留下')
    const navigate = useNavigate()
  return (
    <div className='my'>
      <img src="/img/1.png" alt="" className='top'/>
      <img src="/img/3.png" alt="" className='avatar'/>
      <img src="/img/4.png" alt="" className='vip'/>
      <img src="/img/5.png" alt="" className='mode' onClick={()=>{navigate('/drive')}}/>
      <div className='name'>{name}</div>
      <div className='constent'>{constent}</div>
      <img src="/img/18.svg" alt="" className='xiu'/>

      <div className='gz'>
        125 <br />
        <label htmlFor="">关注</label>
      </div>
      <div className='fs'>
        0 <br />
        <label htmlFor="">粉丝</label>
      </div>

      <div className='xin'>
        <div>
            <img src="/img/19.svg" alt="" className='fabu'/>
            <br />
            <label className='fa'>发布</label>
        </div>

        <div>
            <img src="/img/20.svg" alt="" className='shoucang'/>
            <br />
            <label className='shou'>收藏</label>
        </div>

        <div>
            <img src="/img/21.svg" alt="" className='xihuan'/>
            <br />
            <label className='xi'>喜欢</label>
        </div>

        <div>
            <img src="/img/22.svg" alt="" className='shopping'/>
            <br />
            <label className='shop'>购物车</label>
        </div>
      </div>

      <div className='car'>
        <img src="/img/23.svg" alt="" className='cartu'/>
        <label className='mycar'>我的车库</label>
      </div>

      <div className='carku'>
        <div className='carone'>
            <img src="/img/24.png" alt="" className='onetu'/>
            <div className='onezi'>大众CC <br />380TFSI先行版 <br /><br />中型车</div>
        </div>

        <div className='cartwo'>
            <img src="/img/25.png" alt="" className='twotu'/>
            <div className='twozi'>奥迪TTRS <br />至臻尊享版<br /><br />跑车</div>
        </div>

        <div className='carthree'>
            <img src='/img/26.png' className='threetu'/>
            <div className='onezi'>凯迪拉克CT6 <br />浴黄大帝版<br /><br />中大型车</div>
        </div>

        <div className='carfore'>
            <img src='/img/27.png' className='foretu'/>
            <div className='twozi'>大众高尔夫<br />高性能GTI <br /><br />小型车</div>
        </div>

        <div className='carfive'>
            <img src='/img/28.png' className='fivetu'/>
            <div className='onezi'>宝马M4 <br />雷霆版<br /><br />性能车</div>
        </div>

        <div className='carsix'>
            <img src='/img/29.png' className='sixtu'/>
            <div className='twozi'>雷克萨斯Lc <br />Lc500h尖峰班<br /><br />跑车</div>
        </div>
      </div>
    </div>
  )
}
